<template>
	<view class="search-input grace-flex1 grace-flex grace-flex-vcenter">
		<input class="input grace-flex1" placeholder="文明发言" v-model="text" />
		<text class="icon iconfont icon-fabu" @click="submit"></text>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				text:""
			};
		},
		methods:{
			submit(){
				this.$emit('submit',this.text);
				this.text="";
			},
		}
	}
</script>

<style scoped lang="stylus">
.search-input
	position fixed
	bottom 0
	left 0
	right 0
	height 120rpx
	padding 0 20rpx
	background #FFFFFF
	border-top 1rpx solid #EEEEEE
	.input
		height 50rpx
		padding 10rpx 20rpx
		line-height 50rpx
		font-size 28rpx
		background #F4F4F4
		border-radius 10rpx
	.icon
		font-size 46rpx
		padding 0 40rpx
</style>
